<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/layouts/conMenuLayout.xhtml">



	<ui:define name="title">
		<h:outputText value="#{msg.qbDeportivos_cabecera_title}" />
	</ui:define>
				
	<ui:define name="content">
		
			
		
		<h:form id="datosDetallePartido">  
		<h:panelGroup layout="block" styleClass="bloqueMensajes">
			<p:messages>
			</p:messages>
		</h:panelGroup>
			<h:panelGroup layout="block" class="bloqueCentralDatos">			
					
					<h:panelGroup layout="block" styleClass="separacionVertical"/>
					<fieldset>
  						<legend><h:outputText value="&nbsp;&nbsp;#{msg.qbDeportivos_partido_partido}&nbsp;&nbsp;"/></legend>
  				
				      	<h:panelGrid id="partidoPanel" columns="2" styleClass="porcen100" width="100%" columnClasses="sin_espacios,porcen50" >
							<h:outputLabel value="#{msg.qbDeportivos_partido_fecha}: "/> <h:outputText value="#{partido.fecha}"><f:convertDateTime pattern="dd/MM/yyyy" timeZone="CET"></f:convertDateTime></h:outputText>
						</h:panelGrid>	
					</fieldset>

					<p:separator/>
					
					<fieldset>
						<legend><h3><h:outputText value="&nbsp;&nbsp;#{msg.qbDeportivos_partido_equipo1}&nbsp;-&nbsp;#{msg.qbDeportivos_partido_goles}:&nbsp;&nbsp;#{partido.equipo1.goles}&nbsp;&nbsp;" /></h3></legend>
												
						<p:dataTable var="varEquipo" value="#{partido.equipo1.jugadoresEquipo}" styleClass="centrarTextos"  id="tablaJugadoresEquipo1"
		                rowIndexVar="rowIndex" rowStyleClass="#{rowIndex%2 == 0 ? 'colorFilaPar' : 'colorFilaImpar'}">
		  				
				       <p:column sortBy="#{varEquipo1.jugador.nombre}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.qbDeportivos_partido_jugador}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				             
				            <h:outputText value="#{varEquipo.jugador.nombre}" styleClass="tamanioLetraPequenio"/> 
				            	
				           
				       </p:column>
				        <p:column sortBy="#{varEquipo1.goles}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.qbDeportivos_partido_goles}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				             
				            <h:outputText value="#{varEquipo.goles}" styleClass="tamanioLetraPequenio"/> 
				            	
				       </p:column>
				       
				        <p:column sortBy="#{varEquipo.valoracion}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.qbDeportivos_partido_valoracion}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				          <h:outputText value="#{varEquipo.valoracion}" styleClass="tamanioLetraPequenio">
								<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
							</h:outputText> 
				    
				       </p:column>
				       
				       <p:column rendered="#{puntuar}" sortBy="#{varEquipo.puntos}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.qbDeportivos_partido_puntuar}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				            <h:inputText id="puntuacion" disabled="#{varEquipo.puntos > 0}" rendered="#{varEquipo.jugador.id != flowScope.jugadorLogado.id}"  maxlength="2" value="#{varEquipo.puntos}" styleClass="porcen20"/>
				       </p:column>
		      
				    </p:dataTable> 
				</fieldset>	
				
				<fieldset>
						<legend><h3><h:outputText value="&nbsp;&nbsp;#{msg.qbDeportivos_partido_equipo2}&nbsp;-&nbsp;#{msg.qbDeportivos_partido_goles}:&nbsp;&nbsp;#{partido.equipo2.goles}&nbsp;&nbsp;" /></h3></legend>
												
						<p:dataTable var="varEquipo" value="#{partido.equipo2.jugadoresEquipo}" styleClass="centrarTextos"  id="tablaJugadoresEquipo2"
		                rowIndexVar="rowIndex" rowStyleClass="#{rowIndex%2 == 0 ? 'colorFilaPar' : 'colorFilaImpar'}">
		  				
				       <p:column sortBy="#{varEquipo.jugador.nombre}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.qbDeportivos_partido_jugador}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				             
				            <h:outputText value="#{varEquipo.jugador.nombre}" styleClass="tamanioLetraPequenio"/> 
				            	
				           
				       </p:column>
				        <p:column sortBy="#{varEquipo.goles}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.qbDeportivos_partido_goles}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				             
				            <h:outputText value="#{varEquipo.goles}" styleClass="tamanioLetraPequenio"/> 
				            	
				       </p:column>
				       
				       <p:column sortBy="#{varEquipo.valoracion}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.qbDeportivos_partido_valoracion}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				            
				            <h:outputText value="#{varEquipo.valoracion}" styleClass="tamanioLetraPequenio">
								<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
							</h:outputText> 
				        
				       </p:column>
				       
				       <p:column rendered="#{puntuar}" sortBy="#{varEquipo.puntos}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.qbDeportivos_partido_puntuar}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				            <h:inputText id="puntuacion" disabled="#{varEquipo.puntos > 0}" rendered="#{varEquipo.jugador.id != flowScope.jugadorLogado.id}"  maxlength="2" value="#{varEquipo.puntos}" styleClass="porcen20"/>

				       </p:column>
		      
				    </p:dataTable> 
				</fieldset>	
				
				<h:panelGroup layout="block" styleClass="separacionVertical"/>
						<h:panelGroup layout="block" styleClass="bloqBotonera">
							<h:panelGrid columns="1" columnClasses="botoneraCentral" cellpadding="0" width="100%" cellspacing="0" border="0">				
								<h:panelGrid columns="1" width="100%" border="0">
									<h:panelGroup styleClass="botonCentralBotonera">
											<p:commandButton rendered="#{!puntuar and hasJugadoPartido}" value="#{msg.qbDeportivos_botonera_puntuar}" title="#{msg.qbDeportivos_botonera_puntuar}" ajax="false" action="puntuar"/>
											<p:commandButton rendered="#{puntuar}" value="#{msg.qbDeportivos_botonera_guardar}" title="#{msg.qbDeportivos_botonera_guardar}" ajax="false" action="guardar"/>
											<p:commandButton rendered="#{puntuar}" value="#{msg.qbDeportivos_botonera_cancelar}" title="#{msg.qbDeportivos_botonera_cancelar}" ajax="false" action="cancelar"/>
									</h:panelGroup>				
								</h:panelGrid>
							</h:panelGrid>
							<h:panelGroup layout="block" styleClass="bloqBotonera_izq_sup" />	
							<h:panelGroup layout="block" styleClass="bloqBotonera_der_sup" />
							<h:panelGroup layout="block" styleClass="bloqBotonera_der_inf" />
				</h:panelGroup>
    	 
    	</h:panelGroup>    	
	</h:form>  
		
		
	</ui:define>

</ui:composition>

</html>
